<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Keepsakes by Reem</title>
<!--css start-->
<link href="css/index.css" rel="stylesheet" type="text/css" media="screen" />
<!--css end-->
<!--js start-->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/pixastic.custom.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.stylish-select.min.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.pack.js"></script>
<script type="text/javascript" src="js/jquery.tooltip.pack.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<!--js end-->
<!--sifr start-->
<link rel="stylesheet" href="css/sifr.css" type="text/css" media="all" />
<script type="text/javascript" src="js/sifr.js"></script>
<script type="text/javascript" src="js/sifr-config.js"></script>
<!--sifr end-->
<!--site javascript functions-->
<script type="text/javascript" src="js/jquery.functions.js"></script>
<!--[if IE 6]>
<link href="css/ie6fix.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>DD_belatedPNG.fix('img, .pngfix, #btn-submit, .ui-slider-handle, .overlay');</script>
<![endif]-->
</head>
<body>
<div id="topbar"></div>

<!--background image start-->
<div id="background_img_wrap"><img src="content/bg1.jpg" id="background-img" alt="" /></div>
<!--background image end-->

<!--background image changer start
<div id="bg_changer-lnk" class="fixed-top fixed-left tooltip" title="Click to change the background"></div>
<div id="bg_changer" class="fixed-top fixed-left"><span class="header">SELECT BACKGROUND</span>
  <div class="bg_top"><span></span></div>
  <div class="bg_wrap clearfix">
    <ul>
      <li><a href="content/bg1.jpg"><img src="content/bg1th.jpg" alt="" /><span class="overlay"></span></a></li>
      <li><a href="content/bg2.jpg"><img src="content/bg2th.jpg" alt="" /><span class="overlay"></span></a></li>
      <li><a href="content/bg3.jpg"><img src="content/bg3th.jpg" alt="" /><span class="overlay"></span></a></li>
      <li><a href="content/bg4.jpg"><img src="content/bg4th.jpg" alt="" /><span class="overlay"></span></a></li>
    </ul>
  </div>
</div>
background image changer end-->


<div id="wrapper">
  
  <!--header start-->
  <div id="header">
    <div class="logo"><a href="index.html" title="Fashion Design"><img src="images/logo.png" alt="Fashion Design" /></a></div>
    <!--search box start-->
    <div class="search-box">
      <form action="search-result.html" method="get">
        <fieldset><input type="text" id="s" value="Keyword" /><input type="submit" id="btn-submit" value="" title="Search" class="tooltip" /></fieldset>
      </form>
    </div>
    <!--search box end-->
    <div class="search-box-right"></div>
    <div class="search-box-clear"></div>
    <!--primary navigation start-->
    <div id="primary-nav">
      <ul>
        <li><span><a href="index.html">HOME</a></span>
          <p>Keepsakes by Reem</p>
        </li>
        <li><span><a href="aboutus.html">ABOUT US</a></span>
           <p>We craft your Imaginations...</p>
        </li>
        <li id="li-models"><span><a href="model-detail.html">GALLERY</a></span>
          <p>Pride of the peacock is the glory of God...</p>
          <!--models sub navigation start-->
          <div class="scroll-pane" style="display:none">
            <div class="scroll-content">
              <ul>
                <li>
                  <p><a href="model-detail.html"><img src="models/thumb/model1.jpg" alt="" class="alignleft" /><strong>Sara Johnson</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                  <p><a href="model-detail.html"><img src="models/thumb/model2.jpg" alt="" class="alignleft" /><strong>Svetlana Bulganina</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                  <p><a href="model-detail.html"><img src="models/thumb/model3.jpg" alt="" class="alignleft" /><strong>Lina Dia</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                   <p><a href="model-detail.html"><img src="models/thumb/model3.jpg" alt="" class="alignleft" /><strong>Svetlana Bulganina</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                   <p><a href="model-detail.html"><img src="models/thumb/model3.jpg" alt="" class="alignleft" /><strong>Lina Dia</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
              </ul>
            </div>
            <div class="slider-wrap">
            <div id="slider"></div>
            </div>
          </div>
          <!--models sub navigation end-->
		  
		  
        </li>
        <li><span><a href="showcase.html">SHOWCASE</a></span>
           <p>Bridal Couture Week 2011...</p>
        </li>
        <li class="last"><span><a href="contact.html">CONTACT</a></span>
          <p>Get in touch...</p>
        </li>
      </ul>
    </div>
    <!--primary navigation end-->
  </div>
  <!--header end-->
  
  
  <div class="clear"></div>
  <!--content start-->
  <div id="content" class="clearfix">
    <div class="box alignleft homeContentBox">
      <div class="box_wrap">
        <div class="box_top"><span></span></div>
        <div class="box_thumb"><img src="content/vision.jpg" alt=""/></div>
        <div class="grey_box">
          <h1>BRIDAL COLLECTION</h1>
          <p>Each piece has been carefully crafted to reflect a bride’s personal sense of style, especially for those with an eye for couture style.</p>
          <p>At Keepsakes, our mission is to provide brides with the ultimate in fashion. We offer our customers only the highest level of quality and design that makes every bride look and feel beautiful on her special day.</p>
          <p>Since our inception, innovation and design has been at the heart of Keepsakes success. Reem Abbasi brings her experience and skills exclusively to you through Keepsakes....</p>
          <p><a href="aboutus.html">Click for more information</a></p>
        </div>
        <div class="box_footer"><a href="#" class="toggleBox"></a></div>
      </div>
    </div>
    <div class="box alignleft homeContentBox">
      <div class="box_wrap">
        <div class="box_top"><span></span></div>
       <div class="box_thumb"><img src="content/whatwedo.jpg" alt=""/></div>
        <div class="grey_box">
          <h1>TRENDS</h1>
          <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</p>
          <p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text or randomised words which don't look even slightly believable.</p>
          <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of  sentence structures...</p>
          <p><a href="aboutus.html">Click for more information</a></p>
        </div>
        <div class="box_footer"><a href="#" class="toggleBox"></a></div>
      </div>
    </div>
    <div class="box alignright homeContentBox">
      <div class="box_wrap">
        <div class="box_top"><span></span></div>
         <div class="box_thumb"><img src="content/special.jpg" alt=""/></div>
        <div class="grey_box">
          <h1>SPECIAL JOBS</h1>
          <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</p>
          <p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text or randomised words which don't look even slightly believable.</p>
          <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of  sentence structures...</p>
          <p><a href="aboutus.html">Click for more information</a></p>
        </div>
        <div class="box_footer"><a href="#" class="toggleBox"></a></div>
      </div>
    </div>
  </div>
  <!--content end-->
  <div class="footer_clear"></div>
</div>
<!--footer start-->
<div id="footer">
  <div class="footer-nav">
    <!--footer menu start-->
    <ul>
      <li class="active"><span><a href="index.html">HOME</a></span></li>
      <li><span><a href="aboutus.html">ABOUT US</a></span></li>
      <li><span><a href="model-detail.html">MODELS</a></span></li>
      <li><span><a href="showcase.html">SHOWCASE</a></span></li>
      <li class="last"><span><a href="contact.html">CONTACT</a></span></li>
    </ul>
    <!--footer menu end-->
    <div class="alignright"><span class="icon-sound"><a href="javascript:soundOff();">SOUND</a></span> <span class="icon-fscreen"><a href="javascript: fullScreen();">FULL SCREEN</a></span></div>
  </div>
  <!--social links start-->
  <ul class="social">
    <li><a href="#" title="Follow on FriendFeed" class="tooltip"><img src="images/icon-ffeed.jpg" alt="FriendFeed" /></a></li>
    <li><a href="#" title="Follow on Facebook" class="tooltip"><img src="images/icon-fbook.jpg" alt="Facebook" /></a></li>
    <li><a href="#" title="Follow on Twitter" class="tooltip"><img src="images/icon-twitter.jpg" alt="Twitter" /></a></li>
  </ul>
  <!--social links start-->
  <div class="copyright pngfix"><span>Copyright 2010© FASHIONDSGN. All rights reserved.</span></div>
</div>
<!--footer end-->
<!--mysound div is for embedding youtube music with swfobject-->
<div id="bottombar"><div id="mysound"></div></div>
<!--preloading background images for easy transition effects-->
<script type="text/javascript">
	/* <![CDATA[ */
	$(document).ready(function () {
		var hidden = $('body').append('<div id="img-cache" style="display:none"/>').children('#img-cache');
		$('#bg_changer img').each(function(){
			var imgSource = $(this).parent().attr('href');
			$('<img/>').attr('src', imgSource).appendTo(hidden);
		});
	});
	/* ]]> */
</script>
</body>
</html>